﻿<%@ Page Title="" Language="C#" MasterPageFile="~/mDefault.Master" AutoEventWireup="true" CodeBehind="ProductDetail.aspx.cs" Inherits="vukhoas.ProductDetail" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link rel="stylesheet" href="css/tabs.css" type="text/css" />	
	<title><%=product().Name%> - Chi tiết sản phẩm</title>	
	<script type="text/javascript" src="/fancybox/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
	<script type="text/javascript" src="/fancybox/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
	<link rel="stylesheet" type="text/css" href="/fancybox/fancybox/jquery.fancybox-1.3.4.css" />	
	
    
    <script src="script/jquery.js" type ="text/javascript"></script>
    <script src="UserControl/Slider/slider.js" type ="text/javascript"></script>
    <link href="UserControl/Slider/slider.css" rel="stylesheet" type="text/css" />

	<script type="text/javascript" src="/coin_slider/coin-slider.min.js"></script>
	<link rel="stylesheet" href="/coin_slider/coin-slider-styles.css" type="text/css" />
    <script src="/script/organictabs.jquery.js" type="text/javascript"></script>   	
	<script type="text/javascript">
		$(document).ready(function() {
		    $("#coin-slider").coinslider({ width: 1000, height: 500 });
		    $("#cart").fancybox({
		        'width': '75%',
		        'height': '75%',
		        'autoScale': false,
		        'transitionIn': 'none',
		        'transitionOut': 'none',
		        'type': 'iframe'
		    });
        });        
	</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <%if (Request.QueryString["id"] != null)
      {
          String id = Request.QueryString["id"];
          %>
        <div id="menu_top">
            <a href="#general tab_link_selected" class="tab_link" title="#general">Thông tin chung</a> | 
            <a href="#detail" class="tab_link" title="#detail">Thông số kĩ thuật</a> | 
            <a href="#photo" class="tab_link" title="#photo">Hình ảnh</a>
        </div>
        <div>
            <div class="tab_text active_tab" id="general">
                <div id="left">
                <h2><%=product().Name %></h2>
                <br />
                <label><%=product().Introduce %></label> 
                <br /><br /><br />
                <h1 class="gia"><%=product().Price %> đ</h1>
                </div>
                <div id="right"><img src="<%=vukhoas.src.ListImage.GetImagesPath(product().Image)[1] %>" style="height:500px;width:500px;" /></div>
            </div>
            <div class="tab_text" id="detail">
                <%=product().Detail %>
            </div>
            <div class="tab_text" id="photo">
                <div id="coin-slider">
                    <%for (int i = 2; i < vukhoas.src.ListImage.GetImagesPath(product().Image).Count; i++)
                      { %>
                      <img src="<%=vukhoas.src.ListImage.GetImagesPath(product().Image)[i] %>"/>
                    <%} %>
                </div>
            </div>
        </div><br /><br />
        <div>
            <h3>Sản phẩm gợi ý</h3>
            <div class="infiniteCarousel">
 <br /><br />
      <div class="wrapper">      
       <ul>
      <%if (same_product().Count > 0)
        {
            foreach (vukhoas.src.POJO.Product pro in same_product())
            { %>       
          <li>
          <br /><a href="ProductDetail.aspx?id=<%=pro.Id %>" >
          <img alt="" src="<%=vukhoas.src.ListImage.GetImagesPath(pro.Image)[0]%>"/>
		  <br/>
          <label class="ten" ><%=pro.Name%></label>
          <br/>
          <label class="gia" ><%=pro.Price%> đ</label>
          </a></li>	
          <%}
        }
        else
        {%>
        Sản phẩm đang được cập nhật, vui lòng quay lại sau.
        <br />
        Cám ơn.
        <%} %>	  
        </ul>        
      </div>
    </div>
        </div>
    <%} %>
</asp:Content>
